<template>
   <div class="nav">
     <div class="title">{{title_message}}</div>
     <img src="../../../resets/image/trip.jpg" alt="" class="banner">
   </div>
</template>
<script setup>
import {ref} from 'vue';
const title_message = ref("旅行吧");
</script>
<style lang="less" scoped>
.nav 
{
  .title
  {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    color: orange;
    border: solid #333 1px;
    height: 30px;
  }

  .banner
  {
    width: 100%;
    height: 100px;
  }
   

}
</style>